<#import "/spring.ftl" as spring />

<#include "/tags/userNotification.ftl">
<#include "/tags/userCompleteness.ftl">
<#include "/tags/userIntroTag.ftl">
<#include "/tags/friendList.ftl">
<#include "/tags/friendHintTag.ftl">
<#include "/tags/goalCloudTag.ftl">
<#include "/tags/updatedSinceTag.ftl">
<#include "/tags/commonGoalsTag.ftl">
<#include "/tags/confirmBox.ftl">
<#include "/tags/activitiesTag.ftl">
<#include "/tags/newsItemContentTag.ftl">
<#include "/tags/commentPackageTag.ftl">
<#include "/tags/mustDoGoalWidget.ftl">
<#include "/tags/randomNewsTag.ftl">
<#include "/tags/topGoalsTag.ftl">

<head>	     	
	<link rel="stylesheet" type="text/css" href="${rc.contextPath}/styles/style_dev.css">	
	<link rel="stylesheet" type="text/css" href="${rc.contextPath}/styles/jquery.alertbox.css">
	
	<script type="text/javascript" src="${rc.contextPath}/scripts/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/scripts/jquery.alertbox.js"></script>	
	<script type="text/javascript" src="${rc.contextPath}/scripts/widget.js"></script>
	<title>Tin tuc</title>
</head>

<@userNotification />  
<div class="w3"></div>

<div id="infomation">           
    <#if data.mustDoGoal??>
    	<@mustDoGoalWidget data.mustDoGoal.id data.mustDoGoal.title data.mustDoGoal.userCount/>
    </#if>
	<div id="left">
		<div class="dashboardTab">
        	<ul>
            	<li>
                	<a href="${rc.contextPath}/dashboard.html" title="Chia sẻ mục tiêu của bạn!" class="d2Goal">MỤC TIÊU</a>
                </li>
                <li>
                	<a href="${rc.contextPath}/wall.html" title="Kết nối bạn bè!" class="d2Wall">TƯỜNG NHÀ</a>
                </li>
                <li>
                	<a href="${rc.contextPath}/news" title="Những bài viết hay!" class="d2News selected">CHIA SẺ</a>
                </li>
            </ul>
        </div>
        <div class="clearthis"></div>

        <#if data.randomNews??>
        	<@randomNews data.randomNews.id data.randomNews.title data.randomNews.intro data.randomNews.avatar data.randomNews.SEOLink/>
        </#if>
        <div class="clearthis"></div>
         
        <div class="wallContainer">
        	<div class="wallNewsArticle wallNewsArticleDetail">
                 <@newsContent data.news.title data.news.SEOLink data.news.updatedSince data.news.likeCount data.news.id data.news.youLikeThis data.news.intro data.news.tags data.news.body/>
                 <@commentsPkg componentId=data.news.id component="NEWS" commentCount=data.news.commentCount likeCount=data.news.likeCount youLikeThis=data.news.youLikeThis
					comments=data.news.comments showDeleteComponent="off" showEditComponent="off" showCommentInput="on" showLikeButton="on"/>
            </div>                   
        </div>
    </div>
    
    <div id="right">
    	<#if data.userInSession??>
			<@userCompleteness />		
			<@userIntro />
	        <@friendList username="${data.userInSession}" />
	        <@friendHint />
			<div class="clearthis"></div>
			<a href="http://igoal.vn/goal/view/335" >
				<img src="http://igoal.vn/photos/banner_baohanhtreem.png" style="margin-top:10px"/>
			</a>
        </#if>
	</div>
</div>